import React, { Fragment } from "react";
import styles from "./Popup.module.css";

class Popup extends React.Component {
  render() {
    const { handleSureDeleteClick, handleNotDeleteClick } = this.props;
    return (
      <Fragment>
        <div className={styles["popup-container"]}>
          {this.props.title}
          <div className={styles["content"]}></div>
          <div className={styles["popup-footer"]}>
            <button onClick={handleSureDeleteClick}>确定</button>
            <button onClick={handleNotDeleteClick}>否</button>
          </div>
        </div>
        {this.props.isShowPopup && (
          <div className={styles["layer"]} onClick={handleNotDeleteClick}></div>
        )}
      </Fragment>
    );
  }
}
export default Popup;
